<!-- 账号设置 -->
<template>
	<view class="page">
		<u-navbar title="账号设置" titleStyle="font-weight: bold;font-size: 30rpx;" :fixed="true" :autoBack="true"></u-navbar>
		<u-cell-group :border="false">
			<u-cell size="large" title="手机号" :isLink="true" arrow-direction="arrow-right" url="/pages/client/verificationPhone"></u-cell>
			<u-cell size="large" title="修改密码" :isLink="true" arrow-direction="arrow-right" url="/pages/client/verificationPhone"></u-cell>
		</u-cell-group>
		<u-gap height="20rpx" bgColor="#f2f2f2"></u-gap>
		<u-cell-group :border="false">
			<u-cell size="large" title="QQ" :isLink="true" arrow-direction="arrow-right" url="/pages/client/community">
				<text slot="value" class="u-slot-value" style="color: #999;">未绑定</text>
			</u-cell>
			<u-cell size="large" title="微信" :isLink="true" arrow-direction="arrow-right">
				<text slot="value" @click="show = true" class="u-slot-value" style="color: #999;">阿白</text>
			</u-cell>
			<u-cell size="large" title="开通烘焙帮微信服务" :isLink="true" arrow-direction="arrow-right" url="/pages/client/openService"></u-cell>
		</u-cell-group>
		<u-gap height="20rpx" bgColor="#f2f2f2"></u-gap>
		<u-cell-group :border="false"><u-cell size="large" title="申请注销账号" :isLink="true" arrow-direction="arrow-right" url="/pages/client/unsubscribe"></u-cell></u-cell-group>
		<u-modal @confirm="confirm" @cancel="confirm" :show="show" :title="title" :content="content" width="600rpx" showCancelButton></u-modal>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false,
			title: '温馨提示',
			content: '你已绑定微信号「阿白」，是否更改微信号？'
		};
	},
	methods: {
		confirm() {
			this.show = false;
		}
	}
};
</script>

<style lang="scss" scoped>
.page {
	padding-top: 88rpx;
}
</style>
